<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
	layout:decorator="v2/layout">
  <head>
    <title>欢迎进入管理系统</title>
    <script type="text/javascript" th:inline="javascript">
    	var orgName = [[${session.user.name}]];
    	var data = [[${data}]];
    	var id = getParam("id");
    	
        
       	var export_execl = function(){
       		location.href='list-detailApplyExportExecl?id='+id+'&beginAt='+(beginAt==null?'':beginAt)+'&endAt='+(endAt==null?'':endAt);
       	}
       	
       	
    	$(function(){
    		var dataObj = eval(data);
    		setMenu("晋级作品");
    		
    		$.each(dataObj, function(i,v){
    			v.createdAt = new Date(v.createdAt).Format("yyyy-MM-dd HH:mm");
    			v.passAt = new Date(v.passAt).Format("yyyy-MM-dd HH:mm");
    			v.uploadAt = new Date(v.uploadAt).Format("yyyy-MM-dd HH:mm");
    		});
    		$("#list").loadData({list:dataObj});
    	});
    </script>
    <style>
.work{}
.work .work-item{width: 50%;display: flex;float: left;}
.work .work-left{padding: 20px;}
.work .work-right{padding: 20px 0px;}
.work .work-user{display: inline-block;}
.work .work-user-photo{width: 60px;height: 60px;float: left;border-radius: 37px;}
.work .work-user-info{float: left;line-height: 28px;text-indent: 15px;}
.work .work-user-name{}
.work .work-user-sign{}
.work .work-text{line-height: 30px;font-size: 14px;}
.work .work-media{display: inline-block;width: 300px;}
.work .work-media-item{float: left;width: 100px;height:100px;padding-right: 5px;}
.work .work-media-item img{width: 100%;}
.work .work-info{width: 200px;display: inherit;}
.work .work-info-item{width: 50%;float: left;line-height: 30px;}
.work .work-info-item.work-info-full{width: 100%;}
.work .work-info-label{display: inline-block;text-align: right;}
.work .work-info-text{}
.work .work-btn{}
.work .work-btn-item{}
    </style>
  </head>
  <body>
    <div layout:fragment="content">
		<div class="info info-full">
			<div class="table_list">
               <div class="table-overflow">
               		<!-- <div th:text="${data}"></div> -->
               		<div class="work">	
               			<script type="text/template" id="list">
						#for(data:list)#
               			<div class="work-item">
               				<div class="work-left">
                       			<div class="work-info">
                       				<div class="work-info-item">
                       					<label class="work-info-label">参赛编号: </label>
                       					<span class="work-info-text"> #{data.number}#</span>
                       				</div>
                       				<div class="work-info-item work-info-full">
                       					<label class="work-info-label">渠道: </label>
                       					<span class="work-info-text"> #{data.refName}#</span>
                       				</div>
                       				<div class="work-info-item work-info-full">
                       					<label class="work-info-label">报名时间: </label>
                       					<span class="work-info-text"> #{data.createdAt}#</span>
                       				</div>
                       				<div class="work-info-item work-info-full">
                       					<label class="work-info-label">上传时间:</label>
                       					<span class="work-info-text"> #{data.uploadAt}#</span>
                       				</div>
                       				<div class="work-info-item work-info-full">
                       					<label class="work-info-label">晋级时间:</label>
                       					<span class="work-info-text"> #{data.passAt}#</span>
                       				</div>
                       				
                       				<div class="work-info-item">
                       					<label class="work-info-label">总评分:</label>
                       					<span class="work-info-text"> #{data.point}#</span>
                       				</div>
                       				
                       				<div class="work-info-item">
                       					<label class="work-info-label">评委评分:</label>
                       					<span class="work-info-text"> #{data.juryPoint}# /#{data.juryCount}#</span>
                       				</div>
                       				
                       				<div class="work-info-item">
                       					<label class="work-info-label">评委点评:</label>
                       					<span class="work-info-text"> #{data.commentCount}#</span>
                       				</div>
                       				
                       				<div class="work-info-item">
                       					<label class="work-info-label">投票:</label>
                       					<span class="work-info-text"> #{data.voteCount}#</span>
                       				</div>
                       				
                       				<div class="work-info-item">
                       					<label class="work-info-label">点赞:</label>
                       					<span class="work-info-text"> #{data.likeCount}#</span>
                       				</div>
                       			</div>
                       			<div class="work-text">
                       				<textarea rows="" cols=""></textarea>
                       			</div>
                       			<div class="work-btn">
                       				<span class="work-btn-item">已经晋级</span>
                       			</div>
               				</div>
               				<div class="work-right">
               					<div class="work-user">
                       				<img class="work-user-photo" onerror="javascript:this.src='/img/default2.png'" src="#{data.imgUrl}#"/>
                       				<div class="work-user-info">
                       					<div class="work-user-name">#{data.userName}#</div>
                       					<div class="work-user-sign">雨雨</div>
                       				</div>
                       			</div>
               					<div class="work-text">#{data.text}#</div>
               					<div class="work-media">
									#for(b:data.bs)#
										#if(b.type=='VIDEO')#
                       						<div class="work-media-item">
                       							<img onerror="javascript:this.src='/img/default2.png'"  class="work-media-img" src="#{b.url}#?vframe/jpg/offset/2/imageView2/1/w/200/h/200"/>
                       						</div>
										#endif#
									#endfor#
                       			</div>
               					
               				</div>
               		</div>
					#endfor#
					</script>
                 	<div id="listPage"></div>
             	</div>
         	 </div>
    	</div>
    	
    </div>
  </body>
</html>